<%@page import="com.canin.model.Member"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>

<div id="rightPan">
	<div id="rightbodyPan">

		<div id="headerTab" style=" height:55px; ">
			<a style="width: 90px;" href="<s:url action="member_edit"/>">ข้อมูลส่วนตัว</a>
			<a style="width: 60px;" href="<s:url action="dog_toAdd"/>">เพิ่มสุนัข</a>
			<a style="width: 200px;" id="clicked">ปรับปรุงข้อมูลสุนัขให้เป็นปัจจุบัน</a>
			<a style="width: 200px; margin-top: 5px; " href="<s:url action="sugg_food"/>">สั่งซื้ออาหารสำหรับสุนัขของฉัน</a>
			<a style="width: 210px; margin-top: 5px; " href="<s:url action="sugg_tool"/>">สั่งซื้ออุปกรณ์สำหรับสุนัขของฉัน</a>
		</div>
		
		<script type="text/javascript">
			function edit() {
				document.getElementById( 'dog_edit' ).submit();
			}
			
			function onDogNameChange(value){
				document.getElementById( 'dog_search' ).submit();
			}
			
			function onPragantChange(value){
				if ( value != "-1" ){
					document.getElementById('lactateWeekList').value = -1;
				}
			}
			
			function onLactateChange(value){
				if ( value != "-1" ){
					document.getElementById('pregnantWeekList').value = -1;
				}
			}
			
		</script>

		<s:form id="dog_search" action="dog_search" theme="simple">
			<table>
				<tr>
					<td id="slabel" style="padding-top: 30px;">ชื่อสุนัข:</td>
					<td style="padding-top: 30px;">
						<s:select list="dogNameList" key="dogForm.dogNameList" headerKey="-1" headerValue=""
						onchange="onDogNameChange(this.value)"/>
					</td>
				</tr>
				<tr>
					<td id="slabel" style="padding-top: 10px;">อายุ:</td>
					<td style="padding-top: 10px;"><s:label name="dogForm.age"/></td>
				</tr>
				<tr>
					<td id="slabel">วัย:</td>
					<td><s:label name="dogForm.lifeSpan"/></td>
				</tr>
				<tr>
					<td id="slabel">พันธุ์:</td>
					<td><s:label name="dogForm.breedName" id="breedName"/></td>
				</tr>
				<tr>
					<td id="slabel">เพศ:</td>
					<td><s:label name="dogForm.sexDisplay" id="sexDisplay"/></td>
				</tr>
			</table>
		</s:form>

		<s:form id="dog_edit" action="dog_edit" theme="simple">
			<hr/>
			<div style=" padding-top: 20px; "><s:label name="dogForm.dateCount"/></div>
			<table>
				<tr>
					<td id="slabel">น้ำหนัก</td>
					<td><s:textfield name="dogForm.dogWeight" size="5"></s:textfield>กิโลกรัม</td>
				</tr>
				<tr>
					<td id="slabel">ลักษณะขน</td>
					<td><s:select list="coats" key="dogForm.coats" value="dogForm.dogCoat" headerKey="-1" headerValue=""/></td>
				</tr>
				<tr>
					<td id="slabel">มีขนเป็นแผงที่คอ หรือไม่</td>
					<td><s:radio key="dogForm.maneFlag" list="maneFlag" value="dogForm.dogMane"/></td>
				</tr>
				<tr>
					<td id="slabel">ตั้งท้อง</td>
					<td>
						<s:select list="pregnantWeekList" key="dogForm.pregnantWeekList" 
						value="dogForm.pregnantWeeks" id="pregnantWeekList"
						headerKey="-1" headerValue="" onchange="onPragantChange(this.value)"/> สัปดาห์
					</td>
				</tr>
				<tr>
					<td id="slabel">สัปดาห์ที่ให้นม</td>
					<td>
						<s:select list="lactateWeekList" key="dogForm.lactateWeekList" value="dogForm.lactateWeeks"
						id="lactateWeekList" headerKey="-1" headerValue="" onchange="onLactateChange(this.value)"/> สัปดาห์
					</td>
				</tr>
				<tr>
					<td id="slabel">ระดับกิจกรรม:</td>
					<td><s:select list="activityLevelList" key="dogForm.activityLevelList" value="dogForm.activityLevel"
					headerKey="-1" headerValue=""/></td>
				</tr>
				<tr><td></td><td>ตัวอย่างกิจกรรมที่นำมานับรวมชั่วโมง</td></tr>
				<tr><td></td><td>เช่น กิจกรรมนอกบ้าน การออกกำลังกาย เป็นต้น</td></tr>
				<tr>
					<td id="slabel">แพ้เนื้อวัว หรือไม่:</td>
					<td><s:radio list="allergyToBeefFlag" key="dogForm.allergyToBeefFlag"  value="dogForm.allergyToBeef"/></td>
				</tr>
				<tr>
					<td id="slabel">แพ้เนื้อหมู หรือไม่:</td>
					<td><s:radio list="allergyToPorkFlag" key="dogForm.allergyToPorkFlag" value="dogForm.allergyToPork"/></td>
				</tr>
				<tr>
					<td id="slabel">แพ้เนื้อไก่ หรือไม่:</td>
					<td><s:radio list="allergyToChickenFlag" key="dogForm.allergyToChickenFlag" value="dogForm.allergyToChicken"/></td>
				</tr>
				<tr>
					<td id="slabel">แพ้เนื้อปลา หรือไม่:</td>
					<td><s:radio list="allergyToFishFlag" key="dogForm.allergyToFishFlag" value="dogForm.allergyToFish"/></td>
				</tr>
				<tr>
					<td id="slabel">แพ้นม หรือไม่:</td>
					<td><s:radio list="allergyToMilkFlag" key="dogForm.allergyToMilkFlag" value="dogForm.allergyToMilk"/></td>
				</tr>
				<tr>
					<td id="slabel">แพ้หางนม หรือไม่:</td>
					<td><s:radio list="allergyToWheyFlag" key="dogForm.allergyToWheyFlag" value="dogForm.allergyToWhey"/></td>
				</tr>
				<tr>
					<td id="slabel">แพ้ไข่ หรือไม่:</td>
					<td><s:radio list="allergyToEggFlag" key="dogForm.allergyToEggFlag" value="dogForm.allergyToEgg"/></td>
				</tr>
				<tr>
					<td id="slabel">แพ้ถั่วเหลือง หรือไม่:</td>
					<td><s:radio list="allergyToSoybeanFlag" key="dogForm.allergyToSoybeanFlag" value="dogForm.allergyToSoybean"/></td>
				</tr>
				<tr>
					<td id="slabel">แพ้ข้าวโพด หรือไม่:</td>
					<td><s:radio list="allergyToCornFlag" key="dogForm.allergyToCornFlag" value="dogForm.allergyToCorn"/></td>
				</tr>
			</table>
		
			<input onclick="edit()"
				type="button" value="แก้ไข" id="button"
				style="margin: 30px 0 0 250px;"></input>
		</s:form>

	</div>
</div>

